.vc-theme (@nav-bg: #fff,
           @nav-color: #508AFD,
           @nav-icon-color: #508AFD,
           @nav-border: 1px solid #DFE9E8,
           @nav-divider-color: #DFE5EE,
           @sider-bg: linear-gradient(to right, #3769EE, #3694F2),
           @sider-bg-act: rgba(48,98,230,0.8),
           @sider-border-act: #48C7FF,
           @sider-bg-hover: rgba(48,98,230,0.5),
           @sider-color: #fff,
           @sider-icon-color: #fff,
           @sider-border: none,
           @sider-logo-border: #2F5FDF,
           @tab-bg: #fff,
           @tab-color: #A4AEBB,
           @tab-bg-act: #F8FAFC,
           @tab-color-act: #508AFD,
           @border-position: top,
           @tab-border: 1px solid #DFE9E8,
           @tab-content-bg: #F8F9FD) {
  // 顶部栏
  .vc-nav-container {
    background: @nav-bg !important;
    color: @nav-color !important;
    border-bottom: @nav-border !important;
    .vc-nav-user {
      & > img {
        background-color: @tab-color-act;
      }
      & > span {
        border-right: 1px solid @nav-divider-color;
      }
    }
  }

  // 侧边栏
  .vc-side-container {
    background-color: @sider-bg;
    background-image: @sider-bg;
    background-repeat: no-repeat;
    background-attachment: fixed;
    &.vc-LR-side {
      .vc-side-logo {
        border-bottom: 1px solid @sider-logo-border;
      }
    }
    .el-menu, .el-menu-item, .el-submenu__title {
      background: transparent !important;
    }
    .el-menu-item, .el-submenu__title {
      & {
        color: @sider-color !important;
        border-left: 3px solid transparent;
      }
      &:hover {
        background: @sider-bg-hover !important;
      }
      &.is-active {
        background: @sider-bg-act !important;
        border-left: 3px solid @sider-border-act;
      }
      i {
        color: @sider-icon-color !important;
      }
    }
  }
  .vc-side-container {
    border-right: @sider-border !important;
  }
  .el-menu--vertical {
    .el-menu-item {
      color: #444444 !important;
      i {
        color: #818181 !important;
      }
    }
    .el-menu-item.is-active {
      color: @tab-color-act !important;
      i {
        color: @tab-color-act !important;
      }
    }
  }
  
  // 标签页
  .vc-tab-container {
    & > .el-tabs > .el-tabs__header {
      .el-tabs__nav-wrap {
        border-left: @tab-border !important;
      }
      .el-tabs__nav-prev {
        border-right: @tab-border !important;
      }
      .el-tabs__nav-next {
        border-left: @tab-border !important;
      }
    }
    & > .el-tabs--border-card {
      & > .el-tabs__header {
        background: @tab-bg !important;
        border-bottom: @tab-border !important;
        .el-tabs__item {
          margin-top: 0;
          border: none;
          border-@{border-position}: 3px solid transparent;
          color: @tab-color !important;
          &.is-active, &:hover {
            color: @tab-color-act !important;
          }
          &.is-active {
            background: @tab-bg-act;
            border-color: @tab-color-act;
          }
        }
      }
      & > .el-tabs__content {
        background: @tab-content-bg;
      }
    }
  }
}

// notify提示框
.el-notification {
  &.right {
    bottom: 16px !important;
  }
  .el-icon-warning {
    color: #FF6633;
  }
}